﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>用户物品管理</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script src="js/jquery.js"></script>
    <link href="style/adminStyle.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="wrap">
    <div class="page-title">
        <span class="modular fl"><i class="settings"></i><em>物品设置</em></span>
    </div>
    <table class="noborder">
        <tr>
            <td style="width:15%;text-align:right;"><b>用户名称：</b></td>
            <td><input type="text" class="textBox user_name length-middle"/></td>
        </tr>
        <tr>
            <td style="text-align:right;"><b>用户邮箱：</b></td>
            <td><input type="text" class="textBox user_email length-middle"/></td>
        </tr>
        <tr>
            <td style="text-align:right;"><b>用户类型：</b></td>
            <td><input type="text" class="textBox user_type length-middle"/></td>
        </tr>
        <tr>
            <td style="text-align:right;"><b>物品名称：</b></td>
            <td><input type="text" class="textBox item_name length-middle"/></td>
        </tr>
        <tr class="item_send">
            <td style="text-align:right;"><b>借出时间：</b></td>
            <td><input type="text" class="textBox sendTime length-middle"/></td>
        </tr>
        <tr class="item_send">
            <td style="text-align:right;"><b>借出数量：</b></td>
            <td><input type="text" class="textBox sendNum length-middle"/></td>
        </tr>
        <tr class="item_return">
            <td style="text-align:right;"><b>归还时间：</b></td>
            <td><input type="text" class="textBox returnTime length-middle"/></td>
        </tr>
        <tr class="item_return">
            <td style="text-align:right;"><b>归还数量：</b></td>
            <td><input type="text" class="textBox returnNum length-middle"/></td>
        </tr>
        <tr>
            <td style="text-align:right;"><b>状态：</b></td>
            <td>
                <input type="radio" name="item_status" value="item_send_status"/>借出
                <input type="radio" name="item_status" value="item_return_status"/>归还
            </td>
        </tr>
        <tr>
            <td style="text-align:right;"></td>
            <td><input type="submit" value="提交" class="tdBtn"/></td>
        </tr>
    </table>
</div>
<script type="text/javascript">
    $(function () {
        $("input[name=item_status]").click(function () {
            var status = $("input[name=item_status]:checked").val()
            if (status === "item_send_status") {
                //借出状态 隐藏归还输入栏
                $(".item_send").show()
                $(".item_return").hide()
                $(".returnTime").val("")
                $(".returnNum").val("")
            } else {
                //归还状态 隐藏借出输入栏
                $(".item_return").show()
                $(".item_send").hide()
                $(".sendTime").val("")
                $(".sendNum").val("")
            }
        })
        //提交方法 提交数据
        $(".tdBtn").click(function () {
            //发送数据
            $.ajax({
                url: "/cai/itemSendAndReturn",
                type: "post",
                data: {
                    user_name: $(".user_name").val(),
                    user_email: $(".user_email").val(),
                    user_type: $(".user_type").val(),
                    item_name: $(".item_name").val(),
                    send_time: $(".sendTime").val(),
                    send_num: $(".sendNum").val(),
                    return_time: $(".returnTime").val(),
                    return_num: $(".returnNum").val(),
                    item_status: $("input[name=item_status]:checked").val()
                },
                success: function (data) {
                    if (parseInt(data) === 0) {
                        alert("用户数据不匹配")
                    } else if (parseInt(data) === 1) {
                        //成功
                        location.href = "order_list.jsp";
                    } else {
                        //失败
                        alert("请求失败")
                    }
                }
            })
        })
    })
</script>
</body>
</html>